/* Main Page.css */

/* Block all default margins and padding */
* {
    margin: 0;
    padding: 0;
}

body {
    /* Required to center wrapper in old browsers */
    text-align: center; 
    /* The rest is optional, style to taste */
    background-color: #E2E6E0;
    font-family: Sans-Serif, Verdana, Geneva,   Garamond,    Helvetica,  Sans-Serif ;
font-size:large; 
 }


/* a little design around the wrapper */

#container{background: #FFF url(../images/back4.jpg) repeat ;
  color: #70695A;
	width:46em/* 45.5em */;
padding-top:0.1em;
    margin: auto; /* Centers the layout (newer browsers) */ 
    /* Optional, style to taste */
   
   
	
}

/* Wrapper sizes the layout */
#wrapper {
    /* Sets width of fixed or elastic layout */
    width: 45em;  
    margin: auto; /* Centers the layout (newer browsers) */ 
    /* Optional, style to taste */
    background-color:/* #D2B78E;  orig.  #c2b389; */ #786A44;
     margin-top: 0em;
	padding : 0  ;
	border-left:thin solid white;
border-right: thin solid silver;
 
}

/* ---------------------- Start layout division styles ---------------------- */

#toptitle  
{
background-color:#E0E0E0;
font-family: garamond; Arial, Helvetica, sans-serif;
font-size:small;
text-align: left;
padding-left: 1.5em;
border-top: 0.2em solid #6a7830;
border-right: 0.2em solid #6a7830;
border-bottom: 0.2em solid #535353;
} 



 

/* Branding division */
 #logonav
{
   background-image: url('../images/logobg.png');
padding:1em;
height:7em;

}



#logonav h1
{ text-align: center;
padding: 0;
margin: 0;
font-family:papyrus;
font-size: 400%;
color: #ffffff;
}

#logonav
{
/* margin: 0 10em 0 10em;*/
	padding: 0px;
	width: 100%
	background-image: url('../images/logobg.png');
	
	
}
/* Fixes the mysterious image gap */
#logonav img{
    display:block;
}

#logonav a:link,
 #logonav a:visited {
	color: #ffffff;
	text-decoration: none;

	
}



#logonav a:hover {
	color:  #222222;
	text-decoration: none;

}

/*#logo h1 {
	padding: 10px 0px 0px;
	margin: 5px;
	color: #ffffff; */
	
	
}
 #branding { 
    /* Style to taste */
    height: 3em; 
    background-color: #6a7830;
}

#branding h1 {font-family: papyrus;
color: gray;} 







/* Right column division */

#rightnavcolumn {
    float: right;
    /* Optional, style to taste */
    width: 10em; 
margin-top: 3em;
}
#rightnavcolumn h2{font-family:Garamond;
padding-left:1em; color:#3f464f;
}
 
#rightnavcolumn p
{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: smaller;
}

#rightnavcolumn ul 
{
list-style-type:none;
margin: 0;
margin-top: 0.5em;
padding: 0.5em;
font-family: Garamond; Helvetica,Arial,  sans-serif;

display:block;
}

#rightnavcolumn li 
{
border-bottom:thin dotted #666;
margin-left: 1em;

}

#rightnavcolumn a
{
text-decoration:none;
color: #3f464f;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

}



#rightnavcolumn a:visited
{
color:#3f464f;
}

#rightnavcolumn a:hover
{
text-decoration:none;

color: #eee;
}

/* Navbar division */





/* Navbar division */

#navbar{
  background:#fff ;
  /* right margin must match right column width */
 /*  margin-right:10em; */
padding-left:5em;  
  height:1.6em;
	border-bottom:thin solid brown;
}

/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;
}

/* List items in the navbar */
#navbar li{
  float:left;
 
  /* Required for drop-down menus */
  position:relative;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;
  background:#fff ;
  display:block;
  height:2em;
  width:7em;  /* was 6 */
 /* border-right: solid 1px #ddd; */
  line-height:2em;
  text-align:center;
  outline-style:none;
}

/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
  background:#eee;
  color:#000;
}

/* Drop-down menu styles */
/* Applies to drop-down menus in navbar */
#navbar li ul{
  position:absolute;
  z-index:100;
  visibility:hidden;
  border-top:solid 1px brown;
  border-right: solid 1px #999;
  border-bottom: solid 1px #888;
}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */
  visibility:visible;
  top:1.6em;
  left:0;
}


/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
background-image: url('../images/logobg[2].png');


  /* background:#ccd; */ /* Removes background image */
  color: #000;
  text-align:left;
  display:block;
  width:10em;
  padding:0 0 0 1em;
  height:auto;
}

/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
  background: #eee;
  color:#000;
}

/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}


/* Content division */
#content {
    /* Leave room for rightcolumn */
    margin-right: 10em; 
    /* Optional, style to taste */
    text-align:left;
    padding-bottom: 0.5em;
	padding-left: 1.5em;
    background-color: #fff;
    color: #000;
}

#content h1 {color: #003300;
font-family: Garamond; Helvetica, Arial,  sans-serif;
text-decoration: none;}

#content h2 {color: #fff;
background-color:#97AC6D;
background-image: url('../images/logobg.png');
font-family: Garamond; Helvetica, Arial,  sans-serif;
text-decoration: none;
padding:0.5em;
font-size:large;
margin-right:18em;}

#content p{padding: 0em;}




#content ul 
{
list-style-type:none;
margin: 0;
margin-top: 0.5em;
padding: 0.5em;
font-family: Garamond; Helvetica, Arial,  sans-serif;
border-left: thin dotted #003300;

display:block;
}

#content li 
{

margin-left: 1em;

}

#content  a
{
text-decoration: none;
#003300;
color: #003300;
font-family:Arial, Helvetica, sans-serif;


}



#content  a:visited
{
color:#003300;
}

#content  a:hover
{
text-decoration: none;
border-bottom: 1px solid #003300;
font-weight:bold;
color:#3f464f;
}



/* Footer division */
#footer {
    clear: right; /* Clear the right column */ 
    /* Optional, style to taste */
    background-color: #535353;
    color: #000;
    border-top: solid 1px #B0C4D0;
    min-height: 2em;
}

/* Applies to footer links, unvisited and visited */
#footer a,
#footer a:link,
#footer a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;

  display:block;
  
  
  /*border-right: solid 1px #ddd;*/
  line-height:2em;
  text-align:center;
  outline-style:none;
}


/* ---------------------- End layout division styles ---------------------- */

/* ---------------------- Content division styles ------------------------- */

/* Heading 1 tags in content division */
#content h1 {
    margin-left: 10px;
    font-size: 2em;
font-family: Garamond, Georgia, Helvetica, Arial,  sans-serif;
}
/* first letter larger */
p:first-letter 
{
color: #003300;
font-size:xx-large
}

p.first:first-line 
{
color: #003300;
font-variant: small-caps
}
/* Paragraphs in content division */
#content p {
    font-size: 0.85em;
    line-height: 1.5em;
    margin: 1em 12px;
}

/* Bulleted lists in content division */
#content ul {
    font-size: 0.85em;
    margin: 1em 20px 1em 40px;
}

#content ul li {
    margin-bottom: 0.5em;
}

/* -------------------- End content division styles ----------------------- */
/*---image floats class----- */
img.floatleft { 
    float: left; 
    margin: 4px 20px 4px 4px; 
}
img.floatright { 
    float: right; 
    margin: 4px; 
}